/*
项目 vue-adimn
  这是个重构的项目， 开始时候因为没做过，新旧项目跳转不知道一些数据如何冲旧项目跳到新项目，仔细想了下
  其实很简单，直接放在localStoreg中就可以。
    我主要负责的模块是授权管理
    第一个下拉框 是授权ip下拉框   点击是向服务器请求  授权ip 渲染出来
    第二个下拉框是被授权商 下拉框  根据已经选择好的IP的ID 点击是向服务器请求 返回被授权商列表 渲染出来
    第三个下拉框是 授权领域 （可以添加多个） 授权领域也是要从后台获取
    之后是个授权类型的单选框，分三个类型 普通，排他，独占。
    然后是个授权区域的多选框，有中国所有省份，其他，以及海外。
    之后是个授权 期限 开始到结束
    然后是个备注输入框   
    信息保密设置 是个多框选择后，选折后  该信息在“扫码终端页-授权信息”中不显示，不对消费者公开。选折的内容就是之前填的信息
    授权码定价  这个码是冲后台获得的， 有很多，同时还有一张图片需要渲染在之后分
    授权金 的输入框
    最后是下一步，
    如果不据需操作可以有保存到授权列表，下次点进来重新编辑。

  react 
    搜索，
    分类，
    热门商品，
    最新上市，
    精品区，
    打折区，
    头像，： 个人信息，定单详情，购物车，设置
    购物车，
    订单页面。
    订单详情，
  react 
    islogin redrce
    state 里定义一个loading 开始的默认值是false，
    再定义一个data,
    action  定义了三个action type, switch  第一个是case startLoing , 在登入页面就是点击登入时,触发c5

    锤子商城
    shop页面
    公共的头部组件，上是些nav 连接，比如，在线商城，欢喜云，应用下载，我的，购物车，等

    所以商品排列方式：综合，销量，价格低到高，高到底，
    然后是商品的内容区域，其实是用一个组件 shopitem 组件重复使用，
    这个组件就是现实单个商品的。
      中间是张图片，图片下是个标题，标题下有描述商品的内容，在下面是些不同颜色的小圆点，点击小圆点就切换对应圆点颜色
      的商品，小圆点下面是价格，悬浮上去，价格隐藏，有两个按钮出现，参看详情与天加购物车。
    
    数据是用vuex 管理，
      后台获取数据渲染出来

      在state 里定义了数组，goodData 用来存放添加到购物车的商品
      muttation 里定义个 addGoods 方法 用来添加商品
      点击添加购物车按钮 调用this.$store.commit('addGoods',data)
      addGoods方法里，首先定义个变量isoff 表示商品是否存在购物车中
    */
